<!DOCTYPE html>
<html lang="en">
<head>
	<title>旅行首页</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta content="telephone=no" name="format-detection" />
    <link rel="stylesheet" href="../css/tg_mobile_reset.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/nav_bar.css">
    <link rel="stylesheet" href="../css/swiper.min.css">
    <link rel="stylesheet" href="../css/travel_index.css">
    <script src="../js/method/base.js?v=20171024"></script>
    <script src="../js/lib/zepto.min.js"></script>
	<script src="../js/lib/swiper.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/custorm/travel_index.js?v=123" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div class="h_top">
	<div class="header po_re">
		<span class="goback po_ab"></span>
	</div>
</div>
	<div id="zwrap">
		<div class="index_wrap">
			<!--banner-->
			<div class="banner">
				<div class="swiper-container">
					<div class="swiper-wrapper clearfix">
						<!--<div class="swiper-slide"><img src="../img/index_bg.jpg" alt="" /></div>-->
					</div>
					<div class="swiper-pagination"></div>
				</div>
			</div>
			<!--分类-->
			<div class="glass_index_box w345">
				<ul class="glass_index clearfix">
					<li class="theme"><span class="icon icon_theme"></span><span>主题线路</span></li>
					<li class="activity"><span class="icon icon_activity"></span><span>当地活动</span></li>
					<!-- <li class="guide"><span class="icon icon_guide"></span><span>当地向导</span></li> --> 
					<li class="note"><span class="icon icon_note"></span><span>游记攻略</span></li>
					<li class="impression"><span class="icon icon_impression"></span><span>印象随笔</span></li>
				</ul>
			</div>
			<!--分类固定定位-->
			<div class="glass_fixed_wp">
				<ul class="glass_fixed_ul w345 clearfix">
					<li class="active">主题线路</li>
					<li>当地活动</li>
					<li>游记攻略</li> 
					<li>印象随笔</li>
				</ul>
			</div>

			<!--主题线路-->
			<div class="glass_i theme_i">
				<div class="title w345 clearfix">
					<h2 class="fl">主题线路</h2>
					<span class="theme_more more fr">更多<em></em></span>
				</div>
				<div class="tab_theme ">
					<ul class="tab_theme_title clearfix w345">
						<!--<li class="current">北京</li>-->
					</ul>
					<div class="tab_theme_box">
						<div class="tab_theme_box_wrap clearfix">
							<!--list-->
						</div>
					</div>
				</div>
			</div>
			<!--当地活动-->
			<div class="glass_i activity_i">
				<div class="title w345 clearfix">
					<h2 class="fl">当地活动</h2>
					<span class="act_more more fr">更多<em></em></span>
				</div>
				<div class="tab_activity ">
					<div class="swiper-container_act">
						<div class="swiper-wrapper clearfix">
							<!--list-->
						</div>
					</div>
				</div>
			</div>
			<!--游记攻略-->
			<div class="glass_i note_i">
				<div class="title w345 clearfix">
					<h2 class="fl">游记攻略</h2>
					<span class="note_more more fr">更多<em></em></span>
				</div>
				<div class="tab_note">
					<div class="note_item_first w345">
						<div class="note_item_first_box">
							<div class="note_item_box_f">
								<p></p>
								<div class="see_box"><span class="see"></span><em></em><span class="zan"></span></div>
							</div>
						</div>
					</div>
					<div class="swiper-container_note">
						<div class="swiper-wrapper clearfix">
							<!--<div class="swiper-slide">-->
								<!--<img src="../img/theme-i.jpg" alt="" />-->
								<!--<p class="title">一个人幻想的蓝色天空一个人幻想的蓝色天空</p>-->
								<!--<div class="see_box"><span class="see">0</span><span class="zan">3</span></div>-->
							<!--</div>-->

						</div>
					</div>
				</div>
			</div>
			<!--印象随笔-->
			<div class="glass_i imp_i">
				<div class="title w345 clearfix">
					<h2 class="fl">印象随笔</h2>
					<span class="imp_more more fr">更多<em></em></span>
				</div>
				<div class="tab_imp">
					<div class="imp_item_first w345">
						<div class="imp_item_first_box">
							<div class="imp_item_box_f">
								<img src="" alt="">
								<p class="title"></p>
								<p class="description"></p>
								<div class="see_box"><span class="see"></span><span class="zan"></span></div>
							</div>
						</div>
					</div>
					<div class="imp_list w345">
						<!--<div class="evy_imp_wp clearfix">
							<div class="pic_wp fl"><img src="../img/imp_1.jpg"></div>
							<div class="itm_scan_wp fl">
								<p class="itm_title">嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟</p>
								<p class="detail">云南的天，蓝的透明醉人，云南的 水，绿的轻柔自在。云南的天，蓝的透明醉人，云南的 水，绿的轻柔自在。</p>
								<div class="see_box"><span class="see">0</span><span class="zan">3</span></div>
							</div>
						</div>-->
					</div>
				</div>
			</div>
		</div>
	</div>
<script src="../js/lib/rem.js"></script>
<script src="../js/custorm/zepto_animate.js"></script>
</body>
</html>